@import url('phone.css');
@import url('ipad.css');
@import url('computer.css');

/*@media screen and (max-width: 1024px) {
    .htmleaf-header {
        padding: 2em 10% 2em;
    }

        .htmleaf-header h1 {
            font-size: 1.4em;
        }

    .htmleaf-links {
        font-size: 1.4em
    }
}

@media screen and (max-width: 960px) {
    .htmleaf-header {
        padding: 2em 10% 2em;
    }

        .htmleaf-header h1 {
            font-size: 1.2em;
        }

    .htmleaf-links {
        font-size: 1.2em
    }

    .related h3 {
        font-size: 1em;
    }

    .related a h3 {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 767px) {
    .htmleaf-header h1 {
        font-size: 1.3em;
    }

    .htmleaf-links {
        font-size: 1.3em
    }
}

@media screen and (max-width: 640px) {
    .htmleaf-header {
        padding: 2em 10% 2em;
    }

        .htmleaf-header h1 {
            font-size: 1em;
        }

    .htmleaf-links {
        font-size: 1em
    }

    .related h3 {
        font-size: 0.8em;
    }

    .related a h3 {
        font-size: 0.6em;
    }
}*/



html body {
    font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
/*    background: url(../images/background/bottom.png);*/
}

.iconmargin {
    display: inline-block;
    margin: 0 10px 0 0;
}


a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
}

    a:hover {
        color: #fff;
        text-decoration: none;
    }



/*---------------------------第一页------------------------------*/

.arrow_down {
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
    z-index: 100;
    text-align: center;
}


.swiper-pagination-bullet {
    background-color: #ffffff !important;
    opacity: 0.15 !important;
}
.swiper-pagination-bullet-active {
    background: #32f072 !important;
    opacity: 1 !important;
}


.shu {
    display: flex;
    flex-direction: column;
}

.lunboright {
    margin-left: -1%;
}

.lunboo {
    width: 1200px;
    margin: 0 auto
}

.imglunbo {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.imgpadding {
    margin: 0 1em;
}

.Acloud {
    margin-left: 9%;
    color: white;
    font-size: 3em;
}

.line2 {
    width: 30%;
    margin-top: .3%;
    border-top: solid #58b60b .4em;
    margin-left: 10%;
}

.I {
    margin-left: 9%;
    color: white;
    font-size: 2.2em;
}

.AIicon {
    display: inline-block;
    margin: 20px 20px;
}

.bg5 .down_jingying {
    top: 12%;
}

.bg5 .down_r {
    top: 15%;
}

.Chinese20 {
    font-size: 20px;
}

.widthtxt {
    width: 70%;
    text-align: center;
    margin: 0 auto;
}

.CE {
    display: inline-block;
    background: transparent no-repeat center;
    height: 300px;
    width: 33%;
    margin-top: 140px;
    text-align: center;
}

    .CE > img {
        width: 6.25em;
        height: 6.25em;
    }

.DTE {
    display: inline-block;
    height: 300px;
    width: 33%;
    margin: 0 auto;
    margin-top: 140px;
    text-align: center;
}

    .DTE > img {
        width: 6.25em;
        height: 6.25em;
    }

.XCS {
    display: inline-block;
    width: 33%;
    background: transparent no-repeat center;
    height: 300px;
    margin: 0 auto;
    margin-top: 140px;
    text-align: center;
}

    .XCS > img {
        width: 6.25em;
        height: 6.25em;
    }

.Chinese18 {
    font-size: 18px;
}

.PATH_txt_thr {
    position: static;
}

.PATH_txt_fou {
    position: static;
}

.greentitle {
    font-size: 2em;
    color: #77BF60;
    animation: RLAnimate 2s ease;
}

.gopage a img {
    margin: 0 10px;
}





.newsimg {
    position: absolute;
    top: 31%;
    left: 12%;
}

.rowline-2 {
    position: absolute;
    width: 0%;
    margin-top: 3%;
    height: 400px;
    border-right: solid #E6E6E6 2px;
}

    .rowline-2 .greenpoint_one {
        display: inline-block;
        position: relative;
        top: 7%;
        transform: translateX(-42%);
    }

    .rowline-2 .greypoint_one {
        display: inline-block;
        position: relative;
        top: 42%;
        transform: translateX(-42%);
    }

    .rowline-2 .greypoint_two {
        display: inline-block;
        position: relative;
        top: 77%;
        transform: translateX(-42%);
    }

.newsone:hover {
    box-shadow: darkgrey 1px 1px 5px 1px;
}

.newstwo:hover {
    box-shadow: darkgrey 1px 1px 5px 1px;
}

.newsthree:hover {
    box-shadow: darkgrey 1px 1px 5px 1px;
}

.newspic {
    position: absolute;
    width: 100%;
    height: 100%;
    border: solid rgb(221, 216, 216) 1px;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.greeninfo {
    position: relative;
    background-color: rgba(23, 138, 59, 0.6);
    padding: 51px 35px;
    width: 600px;
    height: 130px;
    margin-top: 290px;
    z-index: 100;
    font-size: 1.25em;
    color: white;
}

    .greeninfo > span {
        display: -webkit-box;
        overflow: hidden;
        /*隐藏溢出的文本  */
        text-overflow: ellipsis;
        word-break: break-all;
        /*自动换行*/
        -webkit-line-clamp: 1;
        /*显示的行数*/
        -moz-box-orient: vertical;
        /*从上到下自动排列子元素*/
        -webkit-box-orient: vertical;
    }

.bg9 > a:hover {
    text-decoration: none;
}

.prodflex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}



/*---------------------------第二页------------------------------*/


.navbar-inverse .navbar-nav > li > a {
    color: white;
}

.navbar {
    width: 100%;
/*    max-width: 1200px;*/
    margin: 0 auto;
    border: none;
    background-color: transparent;
}




.swiper-slide{
    width: 100.5%;
}


.navtxt {
    float: right;
}


.navbar-inverse .navbar-nav > li > a:hover {
    color: #32F072;
}

.navbar-inverse .navbar-nav .navtxted {
    color: #32F072;
}



.HUALAIline {
    position: relative;
    display: block !important;
    width: 4%;
    border-top: solid #58b60b .28em;
    left: 15%;
    top: 20%;
    margin: 0;
    padding: 0;
    animation: RLAnimate 4s ease;
}

.HUALAIlinett {
    position: relative;
    display: block;
    width: 4%;
    border-top: solid #58b60b .28em;
    left: 15%;
    top: 12%;
    margin: 0;
    padding: 0;
}

.more {
    position: relative;
    left: 15%;
    top: 35%;
    background-color: transparent;
}

.flexgreen {
    display: flex;
    justify-content: center;
}

.blackgreencard {
    display: flex;
    background: linear-gradient(270deg, #024D3C 0%, #176862 100%);
    width: 334px;
    height: 462px;
    overflow: hidden;
    transform: translateY(57%);
    flex-direction: column;
    z-index: 3;
}

.greencard {
    display: flex;
    background: linear-gradient(360deg, #1D6E3C 0%, #63A24E 100%);
    width: 450px;
    height: 623px;
    overflow: hidden;
    transform: translateY(30%);
    flex-direction: column;
    z-index: 3;
}

.whiteline {
    position: relative;
    width: 15%;
    border-top: solid white .28em;
    margin: 0 auto;
    top: 14%;
}

.blackgreencard .Chinese16 {
    font-size: 16px;
}

.blackgreencard .Chinese20 {
    font-size: 20px;
}

.cardtxtinfo {
    position: relative;
    top: 20%;
    width: 365px;
    font-size: 22px;
    line-height: 35px;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto;
}

.cardicon {
    position: relative;
    top: 34%;
    display: flex;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    text-align: center;
}

.icontopadd {
    top: 35%;
}

.icon_add_card {
    position: relative;
    display: inline-block;
    top: 38%;
    text-align: center;
}

.icon_add_card_ {
    position: relative;
    display: block;
    top: 5%;
    left: 90%;
}

.icon_add_card_o {
    position: relative;
    top: 7%;
    left: 1.5%;
}

.icon_add_card_ > a {
    color: white;
    font-size: 20px;
}

    .icon_add_card_ > a:hover {
        text-decoration: none;
        cursor: pointer;
        opacity: .6;
    }

.icon_add_card_topadd {
    top: 45%;
}

.icon_add_card > a {
    color: white;
    font-size: 20px;
}

    .icon_add_card > a:hover {
        text-decoration: none;
        cursor: pointer;
        opacity: .6;
    }

.icon_add_card > img {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-top: -2.5%;
}

.icon_add_card_ > img {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-top: -9%;
}

.marshaling_title {
    display: block;
    line-height: 33px;
    color: #FFFFFF;
    font-size: 22px;
}

.marshaling_txt {
    width: 290px;
    line-height: 24px;
    color: #FFFFFF;
    font-size: 15px;
    padding: 0 4px;
    font-weight: 100;
    opacity: 0.7;
    display: -webkit-box;
    overflow: hidden;
    /*隐藏溢出的文本  */
    text-overflow: ellipsis;
    word-break: break-all;
    /*自动换行*/
    -webkit-line-clamp: 3;
    /*显示的行数*/
    -moz-box-orient: vertical;
    /*从上到下自动排列子元素*/
    -webkit-box-orient: vertical;
}

.aifuwuposi {
    position: relative;
    width: 10.5em;
    left: 72%;
    top: 4%;
}

.icon_add_card_ec {
    position: relative;
    top: -9%;
}

.icon_add_card_eb {
    position: relative;
    top: 29%;
    left: 1.5%;
}

.icon_add_card_c {
    position: relative;
    top: -10%;
}

.icon_add_card_b {
    position: relative;
    top: 29%;
    left: 1.5%;
}

.zhinengposi {
    position: relative;
    width: 10em;
    top: 5%;
    left: 1.3%;
}

.yuncunposi {
    position: relative;
    width: 10em;
    left: 72%;
    top: 8%;
}

.eyuncunposi {
    position: relative;
    width: 10em;
    left: 72%;
    top: 8%;
}

.eyonghuposi {
    position: relative;
    width: 10em;
    left: 1.3%;
    top: 9%;
}

.yonghuposi {
    position: relative;
    width: 10em;
    left: 1.3%;
    top: 9%;
}

.techsummary {
    position: relative;
    display: inline-block;
    left: 62%;
    top: 2%;
    text-indent: 2em;
    width: 400px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    padding-right: 5px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 4;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
}

.icon_play_on {
    position: relative;
    top: 10%;
    left: 24.4%;
}

.icon_add {
    display: inline-block;
    position: relative;
    font-size: 21px;
    color: #58b60b;
    text-decoration: none;
}

    .icon_add:hover {
        opacity: 0.8;
        text-decoration: none;
        cursor: pointer;
        color: #58b60b;
    }

.marshaling {
    position: relative;
    width: 1050px;
    background: url(../images/marshaling.png) no-repeat center;
    background-size: 110% 100%;
    height: 830px;
    overflow: hidden;
    z-index: 0;
    top: 15%;
    margin: 0 auto;
}

.biglogo {
    position: relative;
    text-align: center;
    top: 32%;
}

.bg_line {
    position: relative;
    text-align: center;
    top: -20%;
}

.txtwidtht {
    width: 139px;
}

.yuncunchu > a {
    margin: 0 auto;
    display: inline-block;
    font-size: 25px;
    color: white;
}

    .yuncunchu > a:hover {
        color: #58b60b;
        cursor: pointer;
        text-decoration: none;
    }

.yuncunchu {
    position: absolute;
    display: block;
    top: 0;
    transform: translateY(-60%);
    width: 100%;
}

.opacity_7 {
    opacity: .7;
}

.wwh {
    color: white;
}

.opacity_9 {
    opacity: .9;
}

.black-3 {
    color: #333333;
}

/* .flext {
    display: flex;
    justify-content: center;
} */
.protxtcenter {
    width: 1200px;
    margin: 0 auto;
}

.between {
    position: absolute;
    display: block;
    top: 2%;
    margin: 0 auto;
    width: 100%;
}

.between_top {
    top: 25%;
    width: 91.6%;
}

.between_topt {
    top: 53%;
    width: 100%;
    margin: 0 auto;
}

.between a {
    display: inline-block;
    font-size: 25px;
    color: white;
}

.ebetween a {
    display: inline-block;
    font-size: 18px;
    color: white;
}

.between a:hover {
    color: #58b60b;
    cursor: pointer;
    text-decoration: none;
}




.aijiance > a {
    position: absolute;
    display: flex;
    font-size: 24px;
    color: white;
    align-items: center;
}

    .aijiance > a:hover {
        color: #58b60b;
        cursor: pointer;
        text-decoration: none;
    }

.aijiance {
    position: relative;
    display: flex;
    flex-direction: row;
    top: 35%;
    left: 71%;
    z-index: 10;
}

.zhizao > a {
    position: absolute;
    display: flex;
    font-size: 24px;
    color: white;
    align-items: center;
}

    .zhizao > a:hover {
        color: #58b60b;
        cursor: pointer;
        text-decoration: none;
    }

.zhizao {
    position: relative;
    display: flex;
    flex-direction: row;
    top: 53%;
    left: 72%;
    z-index: 10;
}

.shipinjiankong {
    font-size: 28px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    margin-top: 2%;
}

.HUALAIlinecenterbot {
    position: relative;
    width: 4%;
    border-top: solid #58b60b .28em;
    margin: 0 auto;
    top: -31%;
}

.sertxt {
    position: relative;
    display: inline-block;
    width: 440px;
    height: 150px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    margin: 0 auto;
    top: -30%;
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
}

.third-content .icon_add {
    position: relative;
    text-align: center;
    top: -25%;
    font-size: 21px;
}

.third-content .actived > a {
    color: #58b60b;
}

.third-content .icon_add > a {
    cursor: pointer;
    color: #58b60b;
    text-decoration: none;
}

    .third-content .icon_add > a:hover {
        opacity: 0.8;
    }

.addcenter {
    z-index: 1000;
}

.sixth-content {
    position: relative;
    background: url(../images/background/bg_6.png) no-repeat center;
    height: 450px;
    overflow: hidden;
    z-index: 0;
}

.down_ {
    top: 10%;
}



.txt-mail {
    display: inline-block;
}

.txt-remark {
    display: inline-block;
}


/*---------------------------第三页------------------------------*/


.down {
    top: 20%;
}

.downz {
    top: 21%;
}

.downn {
    top: 24%;
}

.black {
    color: black;
}

.breadcrumb .actived > a {
    color: #58b60b;
}

.breadcrumb li > a:hover {
    color: #58b60b;
    opacity: .7;
    text-decoration: none;
}

.ser-txt-one {
    position: relative;
    left: 14.92%;
    top: 13%;
    color: #333333;
    font-size: 20px;
}

.ser-txt-one-contain {
    position: relative;
    left: 15%;
    top: 15%;
    color: #777777;
    font-size: 20px;
}

.top-ser {
    top: 14%;
}

.top-ser-top {
    top: 6%;
}

.sixth-content .adcenter .advantage > img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 1em;
}


.adblock {
    width: 1200px;
    margin: 0 auto;
}

.adcenter {
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding-top: 8.25em;
}

.advantage {
    position: relative;
    display: flex;
    width: 165px;
    flex-direction: column;
    font-size: 20px;
    color: #FFFFFF;
    justify-content: center;
}

.advantagetxt {
    margin: 0 auto;
}
/*---------------------------第四页------------------------------*/
.down-t {
    top: 3%;
}

.down5 {
    top: 5%;
}

.down7 {
    top: 7%;
}

.breadcrumb-top {
    top: 6%;
}

.breadcrumb-seconposi > li > a {
    margin: 0 1.5px;
    color: rgba(119, 119, 119, 1);
}

.screw {
    position: relative;
    text-align: center;
    font-weight: 500;
    top: 15.5%;
    color: #333333;
    line-height: 45px;
    font-size: 32px;
    z-index: 10;
}

.pic_tech_3 {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 280px;
    top: 15%;
    z-index: 1;
}

.column {
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 32px;
    color: #007F73;
}

.flex {
    display: flex;
}

.lefttxt {
    left: 35.5%;
}

.mlefttxt {
    left: 60.1%;
}

.emlefttxt {
    left: 45.1%;
}

.elefttxt {
    left: 25.5%;
}

.marginline {
    margin: 18px 0;
}

.margintitle {
    margin: 44px 0 0 0;
}
/*---------------------------第五页------------------------------*/
.downd {
    top: 8.55%;
}

.marginlinep {
    top: 10%;
    padding: 7px 0;
}

.card_product_2 {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 1030px;
    height: 430px;
    z-index: 1;
    transform: translateY(-50%);
    left: 18%;
}

.middlecontaincenter {
    width: 100%;
    height: 300px;
}

.middlecontain {
    display: block;
    background: url(../images/card_product_2.png) no-repeat center;
    width: 1050px;
    height: 430px;
    overflow: hidden;
    z-index: 10;
    margin: 0 auto;
    transform: translateY(-50%);
    box-shadow: darkgrey 10px 10px 30px 5px;
}

.productnameline {
    position: relative;
    display: inline-block;
    left: -25%;
    transform: translateY(-100px);
    border-top: solid #58b60b .28em;
    width: 7%;
}

.lowm {
    top: 28%;
}

.Chinese32 {
    font-size: 32px;
}

.Chinese36 {
    font-size: 36px;
}

.Chinese16 {
    font-size: 16px;
    color: #777777;
}
/*------产品轮播------*/

#carousel {
    width: 1400px;
    margin: 0 auto;
    position: relative;
    transform: scale(.85);
}

    #carousel img {
        width: 440px;
        display: hidden;
        cursor: pointer;
        /* not needed if you wrap carousel items in links */
    }



.porduct-fifth-content {
    position: relative;
    width: 100%;
    background-color: #F5F6F8;
    background-size: 100% 100%;
    padding-bottom: 5em;
    overflow: hidden;
    z-index: 0;
}

.txtcenter {
    padding-top: 3em;
    text-align: center;
}

.HUALAIlinecenter_ {
    position: relative;
    width: 10%;
    border-top: solid #58b60b .28em;
    margin: 0 auto;
    top: 4.5%;
    padding-bottom: 3%;
}

.charac {
    height: 39px;
    font-size: 26px;
    font-weight: 500;
    color: #333333;
    line-height: 39px;
}

.col-md-4 {
    padding-left: 0;
    padding-right: 0
}

.charac_info {
    width: 65%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 400;
    color: #777777;
    line-height: 35px;
}

.porduct-sixth-content {
    position: relative;
    background: url(../images/background/bg_product_3.png) no-repeat center;
    background-size: 100% 100%;
    height: 500px;
    overflow: hidden;
    z-index: 0;
    transform: scale(1);
    box-shadow: 10px 10px 5px #888888;
}

.widthcenter {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 100px;
}

.rowlinewhite {
    position: absolute;
    display: flex;
    width: 50px;
    height: 80%;
    border-right: solid white 1px;
    left: 84%;
    top: 0%;
}

.font_des {
    height: 30px;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
}


/*---------------------------第六页------------------------------*/

.titleright {
    margin-left: 15%;
}

.contact_logo {
    position: absolute;
    width: 480px;
    background-size: 100% 100%;
    height: 600px;
    top: 10%;
    left: 56%;
    z-index: 10;
}

.contact-third-content {
    position: relative;
    width: 100%;
    background-color: #F5F6F8;
    background-size: 100% 100%;
    height: 940px;
    overflow: hidden;
    z-index: 0;
}

.downs {
    top: 11%;
}

.downb {
    top: 13%;
}

.contact_people {
    display: flex;
    position: relative;
    left: 5%;
    top: 20%;
    z-index: 100;
}

.contact_people_info > p {
    width: 260px;
    display: flex;
    justify-content: center;
    margin: 7px 50px;
}

.leader {
    width: 121px;
    height: 30px;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
}

.leader_iden {
    width: 282px;
    height: 23px;
    font-size: 18px;
    font-weight: 400;
    color: #777777;
    line-height: 23px;
}

.leader_name {
    height: 30px;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    letter-spacing: 9px;
}

.leader_txt {
    width: 250px;
    height: 85px;
    font-size: 18px;
    font-weight: 300;
    color: #777777;
    line-height: 27px;
}

.greenback {
    position: absolute;
    width: 230px;
    top: 38%;
    left: 5.5%;
    height: 270px;
    background-color: #77BF60;
    z-index: 10;
}



.recruit_name {
    width: 212px;
    height: 30px;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
}

.recruit_eng {
    width: 330px;
    height: 25px;
    font-size: 16px;
    font-weight: 300;
    color: #777777;
    line-height: 24px;
}

.gopageleft {
    z-index: 1000;
    position: relative;
    float: right;
    margin-right: 4%;
    transform: translateY(660%);
}

    .gopageleft img {
        margin-right: 15px;
    }

.contact-fifth-content {
    position: relative;
    width: 100%;
    background: url(../images/background/bg_aboutus_5.png) no-repeat center;
    background-size: 100%;
    height: 500px;
    z-index: 0;
}

.contact-sixth-content {
    position: absolute;
    display: block;
    background: url(../images/background/card_aboutus_5.png) no-repeat center;
    height: 670px;
    width: 880px;
    z-index: 10;
    top: -60%;
    margin: 0;
    padding: 34px;
}

.remargintopinfo {
    position: relative;
    width: 520px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    height: 540px;
    line-height: 35px;
    left: 18%;
    display: -webkit-box;
    overflow-y: scroll;
}

    .remargintopinfo::-webkit-scrollbar {
        display: none;
    }
/*------------------------新闻页-------------------------*/
.news_go {
    position: relative;
    display: block;
    margin-bottom: 40px;
    float: right;
}

    .news_go img {
        margin-right: 20px;
    }



/*------------------------404页-------------------------*/

.notf {
    margin-top: 2%;
    position: relative;
    width: 179px;
    height: 50px;
    font-size: 36px;
    font-weight: 500;
    color: #5B6766;
    line-height: 50px;
}

.sry {
    margin-top: 6%;
    width: 312px;
    height: 37px;
    font-size: 26px;
    font-weight: 400;
    color: #87908F;
    line-height: 37px;
}

.gohomebtn {
    margin-top: 15%;
    margin-left: 0%;
    width: 146px;
    height: 48px;
}

.cd {
    margin-top: 6%;
    width: 152px;
    height: 28px;
    font-size: 20px;
    font-weight: 400;
    color: #A9AEAE;
    line-height: 28px;
}






.collapsing {
    display: none;
}